

<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<head>
    <script type="text/javascript">

        /*window.addEventListener('load',function () {*/
        $(document).ready(function () {
            alert("ninhao");
            $.ajax({
                type: "post",
                url: "http://localhost:8080/adminShower/indexContent",
                data: {"userName":$("#user").val(), "passwd":$("#passwd").val()},
                dataType: "json",
                success: function(data,statusTxt,xhr){
                        var date=data.data.modifyTime;
                        var datestr=date.toString();
                        var helpTitlestr=data.data.helpTitle.toString();
                        $("#biaoti").text(data.data.helpTitle);
                        $("#shijian").text(datestr);
                },
                error:function(xhr,textStatus){
                    alert("公告也进来");
                    console.log('错误');
                    console.log(xhr);
                    console.log(textStatus);
                },
                complete:function(){
                    console.log('结束');
                }
            });

        });
    </script>
</head>
<body>
    <style>
        .intro_box { text-align: center; padding: 0 10px; }
        .intro_box .box { background: #eee; }
        .intro_box .box-gray { background: #f8f8f8; padding: 10px 20px 30px; height: 130px; }
        .intro_box .box-gray h4 { font-weight: 800; }
        .intro_box .box-gray .icon { font-size: 30px; }
        .intro_box .box-bottom { padding: 10px 0; }
        .intro_box .box-bottom span { color: #fff; font-weight: 700; }

        .main_boxes .m-box { margin: 2px; width: 180px; height: 120px; position: relative; float: left; overflow: hidden; }
        .main_boxes .m-box:first-child { height: 240px; width: 360px; margin: 2px 4px; }
        .main_boxes .m-box:first-child img { height: 100%; width: 100%; }
        .main_boxes .m-box img { width: 180px; height: 120px; }
        .main_boxes .m-box ul { position: absolute; bottom: 0px; left: 0; margin: 0 2px; width: 100%; margin: 0; padding: 0; min-height: 20px; background: rgba(0,0,0,0.4); }
        .main_boxes .m-box ul li { line-height: 16px; color: #fff; font-size: 12px; padding: 2px; }

        #carousel_slider { margin: 0 auto; width: 480px; }
        .carousel-inner { height: 270px; }
        #carousel_slider img { height: 270px; width: 480px; }
    </style>
    <script>
        $(function () {
            if("2"=="1")
            RetSelecteds();
            //pro.j.util.getFee();
            //通知
            var con=$(".box_notice .con").text();
            if(con.length>80)con=con.substr(0,80)+"...[<a>详细</a>]"
            $(".box_notice .con").html("<p>"+con+"</p>");
        });
        function RetSelecteds() {
            var result = {};
            result.clskind = "8";
                    result.sortHot = "true";
                    //分页
                    result.pctrlId = "pCtrl";
                    result.pctrlStar = "1";//筛选需重置分页
                    result.pctrlNeed = "21";
                    //显示模式
                SubmitRet(result);
            }
            //提交搜索
            function SubmitRet(condition) {
                pro.j.dev.devFilter(condition, function (con) {
                    var mode =02;
                    var content = '';
                    rlt = con.data;
                    var devs = rlt.devs;
                    $(devs).each(function (i) {
                        var pthis = $(this);
                        var id = pthis.attr('id');
                        var name = pthis.attr('name');
                        var url = pthis.attr('url');
                        var campus = pthis.attr('campus');
                        var cls = pthis.attr('devcls');
                        var col = pthis.attr('dept');
                        var lab = pthis.attr('lab');
                        var price = pthis.attr("price");
                        var manager = pthis.attr("manager");
                        var phone = pthis.attr("phone") || '';
                        var intro = pthis.attr('intro');
                        var devstat = pthis.attr('devstat');
                        var runstat = pthis.attr('runstat');
                        //if(uni.isInArray(cls,$(".dft_close_devcls").val().split(',')))return true;
                        if (mode == 1) {
                            content += "<div class='m-box'><div class='box_h'><a  url=\"../a/devdetail.aspx?back=true\" data='{dev:" + id + "}' cache='#cache_con' con='#detail_con' class=\"click_load\" title=\"点击查看详情：" + name + "\"><img alt='" + name + "' src='" + url + "' /></a>" +
                            "<ul><li class='name'>" + uni.cutStrT(name, 20) + "</li></ul></div></div>";
                        }
                        else {
                            //content+="<div class='item "+(i==0?'active':'')+"'><a  url=\"../a/devdetail.aspx?back=true\" data='{dev:" + id + "}' cache='#cache_con' con='#detail_con' class=\"click_load\" title=\"点击查看详情：" + name + "\"><img alt='" + name + "' src='" + url + "' /></a><div class='carousel-caption'>"+uni.cutStrT(name, 20)+"</div></div>";
                        }
                    });
                    //if(mode==2)
                    //    $(".main_slide").html(content);
                    //else 
                    $(".main_boxes").html(content);
                    $(".devs_queue .click_load").clickLoad(function (p) {
                        uni.backTop();
                    });
                });
            }
    </script>
    <h1 class="h_title">Home Page</h1>
    <div class="line"></div>
    <div class="row">
        <div class="col col_8 devs_queue">
            <div class="">
                <div id="carousel_slider" class="carousel slide" data-ride="carousel" data-interval="3000">
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner main_slide" role="listbox">
                        
                        <div class="item active">
                            <img src="<%=basePath%>/static/pro/dft/dft_index0.jpg" alt="...">
                            <div class="carousel-caption">
                            </div>
                        </div>
                        <div class="item">
                            <img src="<%=basePath%>/static/pro/dft/dft_index1.jpg" alt="...">
                            <div class="carousel-caption">
                            </div>
                        </div>
                        <div class="item">
                            <img src="<%=basePath%>/static/pro/dft/dft_index2.jpg" alt="...">
                            <div class="carousel-caption">
                            </div>
                        </div>
                        
                    </div>
                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel_slider" role="button" data-slide="prev">
                        
						
                        <span class="sr-only"><img style="height: 25px; width: 15px; " src="<%=basePath%>/static/xcus/ic2/icon/arrow-left.svg" />&nbsp;Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel_slider" role="button" data-slide="next">
                       
						
                        <span class="sr-only"><img style="height: 25px; width: 15px; " src="<%=basePath%>/static/xcus/ic2/icon/arrow-right.svg" />&nbsp;Next</span>
                    </a>
                </div>
                <div class="text-center">
                    <h3>WHAT WE DO</h3>
                    <div class="line"></div>
                    <p class="grey">
                        这是一种新型的空间，一种新型的学习模式，一种共享的交流社区。配置计算机、网络、有线电视、投影仪等设施及常用的专业软件，打通了通信载体、内容分类、物理空间的界限，提供资源的一站式服务，读者在享受最新的阅读体验的同时可以对空间进行多信息的交互和共享。
                       
                    </p>
                </div>
                <div style="margin-top: 30px;">
                    <div class="col col_4 intro_box">
                        <div class="box">
                            <div class="box-gray">
                                <h4>资源</h4>
                                <div class="icon grey animated fadeInDown">
                                    <span class="glyphicon glyphicon-leaf"></span>
                                </div>
                                <p class="grey">
                                   大量设施完善管理有序的资源 
                                </p>
                            </div>
                            <div class="box-bottom bg_color1">
                                <span>资源</span>
                            </div>
                        </div>
                    </div>
                    <div class="col col_4 intro_box">
                        <div class="box">
                            <div class="box-gray">

                                <li ><a href="/static/daoliu/index1.html" style="color:black"><h4>购物</h4></a></li>
                                <div class="icon grey">
                                    <span class="glyphicon glyphicon-cloud"></span>
                                </div>
                                <p class="grey">
                                  信息化的购物管理方式
                                </p>
                            </div>
                            <div class="box-bottom bg_color1">
                                <span>购物</span>
                            </div>
                        </div>
                    </div>
                    <div url="CommentPost.jsp" id="boxinfo" con="#detail_con" class="click_load click">

                        <div  class="col col_4 intro_box">
                            <div class="box">
                                <div class="box-gray">
                                    <h4>服务</h4>
                                    <div class="icon grey">
                                        <span class="glyphicon glyphicon-heart"></span>
                                    </div>
                                    <p class="grey">
                                        您的意见是我们前进的动力！
                                    </p>
                                </div>
                                <div class="box-bottom bg_color1">
                                    <span>服务</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main_boxes"></div>
        </div>
        <div class="col col_4 pull-right" style="border-left: 1px dotted #ddd; min-height: 500px;">
            <div class="">
                <h3 class="h_title" style="margin-top: 0;">最新通知
                   <small url="<%=basePath%>/adminShower/showHelp" con="#detail_con" class="click_load" style="margin-left:120px;text-decoration:underline">All</small>
               
                </h3>

                <div class="box_notice" style="min-height: 100px; margin-bottom: 10px;">
                    <div con="#detail_con" class="click_load" url='<%=basePath%>/adminShower/showHelp' cache='#cache_con'><div class='img-circle msg_img'><span class='glyphicon glyphicon-volume-up'></span></div><br/><br/><div id="biaoti"><br/><br/><strong class='color1'>大学生洗浴中心管理系统试运行</strong><div></div></div>
                        <div id="shijian" class='grey text-right'>2018/04/07 15:34</div>
                    </div>
                    <ul style="margin:8px 8px 15px 15px;">
                        
                    </ul>
                </div>
            </div>
            <div class="">
                <h3 class="h_title" style="margin-top: 0;">今日预约</h3>
                <div class="dyn_info">
                    <div style="border-top: #ddd dotted 1px;">
                        <ul class="dyn_resv">
                            
                        </ul>
                    </div>
                </div>
            </div>
            <script>
                $(".box_notice .detail").clickLoad();
                $(".h_title .noticeAll").clickLoad();
                pro.autoScroll.regist(".dyn_resv", 10);               
            //载入主页
            $(".click_load").clickLoad();
            </script>
        </div>
    </div>
</body>
</html>
